<template>
  <div class="tab_home">
    <!--    order-detail当中有几个 就循环几个报告！！-->
    <div class="notice-content">
      <div class="notice-header">
        <span class="notice-label">系统</span>
        <span class="notice-title">你的报告已生成</span>
        <!--        <span :title="date('%F %T')"></span>-->
      </div>
      <!--      下半部分-->
      <div class="notice-des">
        你的报告111111111111111111111111111
      </div>
    </div>

  </div>
</template>

<script>
import { NavBar  } from 'vant'
export default {
  name: 'report-template',
  components: {
    [NavBar.name]: NavBar
  },
  data () {
    return {
      reports: [
        { id: '1', created: '2019-4-4=30 12:30:12' },
        { id: '2', created: '2019-4-4=30 12:30:12' }
      ]
    }
  },
  methods: {
    // 返回上一页的方法
    onClickLeft () {
      this.$router.go(-1)
    }
  }
}
</script>

<style scoped lang="less">
  .notice-content{
    margin: 10px;
    -webkit-box-shadow: 0 3px 20px rgb(226, 230, 229);
    -moz-box-shadow: 0 3px 20px rgb(226, 230, 229);
    box-shadow: 0 3px 20px rgb(226, 230, 229);
    background-color: white;
    height: 80px;
    padding: 15px;
    border-radius: 10px;
    font-size: 15px;
    /*上半部分*/
    .notice-header{
      height: 30px;
      border-bottom:0.05rem solid #f2f3f5;//画一条分界线
      /*系统两个字*/
      .notice-label{
        background-color: #1989fa;
        color: white;
        font-size: 13.5px;
        border-radius: 10px;
        padding: 1px;
        margin-right: 10px;
      }
      /*报告生成*/
      .notice-title{
        font-size: 15px;
        font-weight: 600;
      }
    }
    /*下半部分*/
    .notice-des{
      font-size: 13px;
      margin-top: 10px;
    }
  }
</style>
